FlexGrid for UWP/WinRT
データの挿入
全て展開全て展開
すべて折りたたむすべて折りたたむ

このヘルプでは、別のコードファイルにあるデータを連結することでグリッドにデータを挿入する方法について説明します。また、C1FlexGrid コントロールのフィルタ処理およびグループ化機能についても具体的に説明します。

次の手順に従います。

  1. MainPage.xaml ページをまだ開いていない場合は開きます。<Grid> タグと </Grid> タグの間をクリックし、次の XAML マークアップを挿入して、フィルタ処理とグループ化を制御する通常の ComboBox および TextBox コントロールを設定します。

    XAML でマークアップを書く場合

  2. Visual Studio のツールボックスでコントロールをダブルクリックするか、次の XAML マークアップをアプリケーションに追加して、C1FlexGrid コントロールをアプリケーションに追加します。
    XAML
    コードのコピー
    <FlexGrid:C1FlexGrid x:Name="flexgrid1" AllowResizing="Both" AllowDragging="Both"
    AllowDrop="True" ColumnHeaderForeground="White" />
    
  3. <FlexGrid:C1FlexGrid> タグと </FlexGrid: C1FlexGrid> タグの間に次の XAML マークアップを追加して、FlexGrid.Columns を設定し、マークアップで連結を作成します。
    XAML
    コードのコピー
    <FlexGrid:C1FlexGrid.Columns>
    <FlexGrid:Column Binding="{Binding Active, Mode=TwoWay}" />
    <FlexGrid:Column Binding="{Binding ID, Mode=TwoWay}" />
    <FlexGrid:Column Binding="{Binding Name, Mode=TwoWay}" Width="*"/>
    <FlexGrid:Column Binding="{Binding Country, Mode=TwoWay}" Width="*"/>
    <FlexGrid:Column Binding="{Binding Hired, Mode=TwoWay}" Format="d" Width="*" />
    <FlexGrid:Column Binding="{Binding Father, Mode=TwoWay}" Width="*"/>
    <FlexGrid:Column Binding="{Binding Weight, Mode=TwoWay}" Width="*"/>
    </FlexGrid:C1FlexGrid.Columns>
    
  4. アプリケーション名を右クリックし、リストから[追加][新しい項目]を選択します。[新規ファイルの追加]ダイアログボックスで[コードファイル]を選択し、Customer.cs と名前を付けます。新しいコードファイルがすぐに表示されます。
  5. Customer.cs ファイルで次の名前空間とコードを追加して、グリッドに挿入するデータを作成します。

    C# でコードを書く場合

    Visual Basic でコードを書く場合

  6. コードビューに切り替えて、次の名前空間を追加します。

    C# でコードを書く場合

    Visual Basic でコードを書く場合

  7. MainPage() コンストラクタの上に次のコードを追加して、ICollectionView インタフェースの実装を記述します。

    C# でコードを書く場合

    Visual Basic でコードを書く場合

  8. InitializeComponent() メソッドのすぐ下に次のコードを挿入して、リストと監視可能なコレクションを作成します。このコードは C1FlexGrid.ItemsSource プロパティも設定します。

    C# でコードを書く場合

    Visual Basic でコードを書く場合

  9. グループ化機能を追加するには、次のコードを追加します。

    C# でコードを書く場合

    Visual Basic でコードを書く場合

  10. C1FlexGrid のフィルタ処理機能を設定および制御するには、次のコードを使用します。

    C# でコードを書く場合

    Visual Basic でコードを書く場合

  11. 最後に、ComboBox と TextBox の SelectionChanged および TextChanged イベントを処理するコードを追加します。

    C# でコードを書く場合

    Visual Basic でコードを書く場合

  12. アプリケーションを実行すると、さまざまな方法でデータをフィルタ処理したりグループ化することができます。C1FlexGrid コントロールは次の図のようになります。

 

 


Copyright © GrapeCity inc. All rights reserved.